<template>
  <el-dialog :title="title" :width="width" :visible.sync="isShowVisible" center :close-on-click-modal="false" :before-close="() => $emit('close')">
   <el-form label-width="125px" :model="xuTestData" ref="xuTestData"  style="min-height:24vw" v-loading="isLoading">
   <el-tabs v-model="activeName">
        <el-tab-pane name="base"> <span slot="label"><i class="el-icon-date"></i> 基本资料</span>
    <el-card v-loading="isLoading">
      <el-form label-width="105px">
        <el-row >
          <el-col :span="8">
            <el-form-item label="序号:">
             <el-input v-model="xuTestData.xNumber" disabled></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label="姓名:">
               <el-input v-model="xuTestData.xName" disabled></el-input>
            </el-form-item>
          </el-col>
           <el-col :span="8">
            <el-form-item label="备注:">
              <el-input v-model="xuTestData.xBeizhu" disabled></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row >
          <el-col :span="10">
            <el-form-item label="创建时间:">
              <el-input v-model="xuTestData.xDate" disabled></el-input>
            </el-form-item>
          </el-col>
          <el-col :span="6">
          <el-form-item label="部门人数:" >
           <el-input v-model="xuTestData.xCount" disabled></el-input>
          </el-form-item>
          </el-col>

<el-col :span="8">
          <el-form-item label="地址:">
            <el-input v-model="xuTestData.xAdress" disabled></el-input>
          </el-form-item>
        </el-col>
        </el-row>
<el-col :span="8">
 <el-form-item label="根节点id:">
<el-input v-model="xuTestData.fGroupId" disabled></el-input>
</el-form-item>
</el-col>
<!-- <el-col :span="8">
 <el-form-item label="当前状态:"  prop="xDescription" id="xDescription">
  <tie-enum v-if="!isLoading" v-model="xuTestData.xDescription" :status="status" className="cn.hxlc.tie.demo.core.enums.StatusEnum"></tie-enum>
</el-form-item>

</el-col> -->
<el-col :span="8">

  
</el-col>

        <el-row>
        </el-row>
         <el-divider content-position="left">测试模块1</el-divider>
          <el-row>
              <!-- <el-col :span="8">
                <el-form-item label="基本单位:" prop="fbaseunitid">
                  <mdm-unit-select v-if="!isLoading" v-model="materialData.fbaseunitid" :status="status" @change="unitChange"></mdm-unit-select>
                </el-form-item>
              </el-col>
              <el-col :span="8">
                <el-form-item label="辅助单位:" prop="fauxunitid">
                  <mdm-unit-select v-if="!isLoading" v-model="materialData.fauxunitid" :status="status" clearable @change="auxUnitChange"></mdm-unit-select>
                </el-form-item>
              </el-col> -->
              <el-col :span="8">
                <el-form-item label="换算率:" prop="frate">
                  <el-input-number v-model="xuTestData.fGroupId" controls-position="right" :min="0" :step="0.001" :max="1000000" disabled style="width:100%;"></el-input-number>
                </el-form-item>
              </el-col>
            </el-row>

             <el-divider content-position="left">测试模块2</el-divider>

             <el-row>
                  <el-col :span="8">
                    <el-form-item label="长:" prop="flength">
                    <el-input-number v-model="xuTestData.fGroupId"  controls-position="right" :min="0" :step="1" :max="1000000" disabled style="width:100%;"></el-input-number>
                    </el-form-item>
                  </el-col>
                  <el-col :span="8">
                    <el-form-item label="宽:" prop="fwidth">
                       <el-input-number v-model="xuTestData.fGroupId"  controls-position="right" :min="0" :step="1" :max="1000000" disabled style="width:100%;"></el-input-number>
                    </el-form-item>
                  </el-col>
                  <el-col :span="8">
                    <el-form-item label="高:" prop="fheight">
                      <el-input-number v-model="xuTestData.fGroupId"  controls-position="right" :min="0" :step="1" :max="1000000" disabled style="width:100%;"></el-input-number>
                    </el-form-item>
                  </el-col>
                </el-row>
      </el-form>
    </el-card>
    </el-tab-pane>

 <el-tab-pane name="setting">
          <span slot="label"><i class="el-icon-setting"></i>扩展资料</span>
          <el-card>
             </el-card>
        </el-tab-pane>

    </el-tabs>
     </el-form>
    <div slot="footer" class="dialog-footer">
      <el-button @click="$emit('close')">关闭</el-button>
    </div>
  </el-dialog>
</template>

<script>
import xuTest1 from "@/api/customer/xuTest1"
export default {
  name: 'xuDetail',
  props: {
    width: {
      type: String,
      default: '60vw',
      status: { type: String }
    },
    xId: {
      type: Number,
    },
  },
  data () {
    return {
      activeName: 'base',
      title: '详细信息',
      isShowVisible: true,
      isLoading: false,
      xuTestData: {},
    }
  },
  async created () {
    this.isLoading = true
    let https = new xuTest1()
    this.title = '详细信息'
    let xuTestData = await https.detail({ xId: this.xId })
    this.xuTestData = xuTestData.data
    this.isLoading = false
  },
}
</script>

<style scoped lang="scss">
.select-disabled {
  /deep/ .is-disabled {
    .el-input__inner {
      color: #000;
    }
  }
}
</style>
